@import "reset.scss";
@import "common.scss";
@import "../utils/iconfont/iconfont.css";

.wrap{
    header{
        .header_bottom{
            width: getvw(704);
            height: getvw(260);
            margin:0 auto;
            >ul{
                width: 300%;
                height: 100%;
                animation:transfor 5s ease-in-out infinite;
                >li{
                    width: getvw(704);
                    height: 100%;
                    >img{
                        width:100%;
                        display: block;
                    }

                }
            }
        }
    }
    main{
        width: getvw(666);
        margin:0 auto;
        .main-head{
            display: flex;
            justify-content:space-between;
            align-items: center;
            margin: getvw(30) 0;
            .main-headleft{
                display: flex;
                align-items: center;
                .lefttext{
                    font-size: getvmin(72);
                    color: #ff9344;
                }
                .righttext{
                    margin-left: getvw(5);
                    font-size:getvmin(72);
                    color: #ff9344;
                }
                .left-text{
                    .test-icon{
                        font-size:getvmin(38);
                        color: #ff9344; 
                    }
                   
                }
                .right-text{
                    margin-left: getvw(5);
                    font-size:getvmin(30);
                    >span{
                        color: #ff9344;
                    }
                }

            }
            .main-headright{
                >a{
                    display: block;
                    font-size: getvmin(30);
                    color: #fff;
                    width: getvw(111);
                    height: getvw(59);
                    text-align: center;
                    line-height: getvw(59);
                    border-radius:getvw(20);
                    border: getvw(2) solid #ff9344;
                    background-color: #ff9344;
                }
                .headright{
                    font-size: getvmin(26);
                    color: #8e8e8e;
                }
            }
        }
        .main-content{
            height: getvw(50);
            margin:0 auto;
            padding: 0 getvw(10);
            background-color: #ff9344;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .content{
                font-size: getvmin(30);
                color:#fff ;
            }
            .content-icon{
                font-size: getvmin(47);
                color: #fff;
            }
        }
        .main-imgtext{
            .imgtext{
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-top: getvw(10);
                .imgtext-left{
                    width: getvw(177);
                    height: getvw(176);
                    position: relative;
                    >img{
                        width: 100%;
                        display: block;
                    }
                    .images-text{
                        font-size: getvmin(24);
                        width: 100%;
                        height: getvw(39);
                        text-align: center;
                        line-height: getvw(39);
                        background-color: rgba(255,255,255,0.67);
                        position: absolute;
                        top: getvw(91);
                        left: 0;
                    }
                }
                .imgtext-center{
                    >h2{
                        font-size: getvw(30);
                        line-height: getvw(53);
                    }
                    .imgtext-iconbox{
                        display:flex ;
                        align-items: center;
                        .imgtext-icon{
                            font-size:getvmin(36);
                            color: #ff9344;
                        }
                        >span{
                            font-size: getvmin(26);
                            color: #929292;
                            margin-left: getvw(5);
                        }
                    }
                    >p{
                        font-size: getvw(24);
                        color: #929292;
                        line-height: getvw(56);
                        &:last-child{
                            font-size: getvw(20);
                            color: #ff9344;
                            line-height: getvw(42);
                        }
                    }
                }
                .imgtext-right{
                    a{
                        display: block;
                        font-size: getvmin(30);
                        color: #fff;
                        width: getvw(111);
                        height: getvw(59);
                        text-align: center;
                        line-height: getvw(59);
                        border-radius:getvw(20);
                        border: getvw(2) solid #ff9344;
                        background-color: #ff9344;
                    }
                }
            }
        }
    }
}